    <!-- 头部 -->
    <header>
        <div class="hc">
            <p>欢迎来到完美世界周边商城</p>
            <ul>
                <div class="dc">
                <li><a href="/html/login.html">登录</a> </li>
                <li>|</li>
                <li><a href="/html/Registration.html">注册</a> </li>
                </div>
                <div class="dg">
                <li><a href="/html/cart.html">我的订单</a></li>
                <li>|</li>
                <li><a href="">我的关注</a> </li>
                </div>
                <div class="gwc">
                    <i class="iconfont icon-66gouwuche"></i>
                <li><a href="/html/cart.html">购物车</a></li>
                <span><a href="">(</a></span>
                <span1><a href="">0</a> </span1>
                <span><a href="">)</a> </span> 
             </div>
            </ul>
        </div>
     </header>
     <!-- 右侧悬浮条 -->
     <div id="yf">
             <dl>
                 <dd>
                     <a href="/html/login.html">
                      <i class="iconfont icon-wode"></i> 
                     </a>
                     <p>
                         <a href="">个人中心</a>
                     </p>
                 </dd>
                 <dd>
                     <a href="">
                         <i class="iconfont icon-xin"></i> 
                     </a>
                     <p>
                         <a href="">我的关注</a>
                     </p>
                 </dd>
         
                 <dd>
                    
                     <p>
                        <a href="/html/cart.html">
                         <img src="/images/WMSC/gouwuche.png" alt="">
                        <span>购物车</span>
                      <font>1</font>
                     </a>
                     </p>
                    
                 </dd>
                 <dd>
                     <a href="/html/kefu.html">
                      <i class="iconfont icon-zaixiankefu"></i> 
                     </a>
                     <p>
                         <a href="">在线客服</a>
                     </p>
                 </dd>
             </dl>
         </div>
     <!-- 头导航 -->
     <nav>
         <div class="navc">
             <div class="n-left">
                 <h1><a href="">
                     <img src="/images/WMSC/logo_wm.png" alt="">
                 </a></h1>
                 <h2><a href="">
                     <img src="/images/WMSC/logo_shop.png" alt="">
                 </a></h2>
             </div>

              <div class="n-middle">
                    <ul>
                        <li class="li">
                            <a href="">
                            <i class="iconfont icon-dizhixinxi"></i>
                            全部商品
                            </a>
                            <ol>
                                <li><a href="/html/details.html">选项1</a></li>
                                <li><a href="/html/details.html">姜小虎周边专区</a></li>
                                <li><a href="/html/details.html">选项3</a></li>
                                <li><a href="/html/details.html">选项1</a></li>
                                <li><a href="/html/details.html">姜小虎周边专区</a></li>
                                <li><a href="/html/details.html">选项3</a></li>
                                <li><a href="/html/details.html">选项1</a></li>
                                <li><a href="/html/details.html">姜小虎周边专区</a></li>
                                <li><a href="/html/details.html">选项3</a></li>
                            </ol>
                        </li>
                    </ul>
                </div>

             <div class="n-right">
                 <ul>

                 </ul>


                 <!-- 定义导航栏模板 -->
                 <script type="text/html" id="navTemplate">
                  {{each list item}}
                    <li>
                    <a href="/html/list.html?id={{item.id}}">{{item.name}}</a> </li>

                  {{/each}}
                </script>
               
                 <p>
             <span>武林手机支架</span>
                    </p> 
                 <button>
                     <i class="iconfont icon-faxian"></i>
                 </button>
             </div>
         </div>
     </nav>